<template>
  <!-- vue3组件中的模板结构可以没有根标签 -->
  <h1>信息：{{name}}---{{age}}</h1>
  <button @click="sayHello">介绍</button>

</template>

<script>
// import {h} from 'vue';
export default {
  name: 'App',
  setup(){
    let name = '张三'
    let age = 18
    // 方法
    function sayHello(){
      alert(`我叫${name},年龄${age}`)
    }
    // 返回一个对象
    return{
      name,
      age,
      sayHello
    }
    // 返回一个函数
    // return ()=> h('h1','你好')
  },
}
</script>

<style>
</style>
